<div style="overflow-x: hidden;" xmlns="http://www.w3.org/1999/html">
    <div style="position:absolute;right:10px;top:100px;z-index:90000">
        <button onclick="$('#queryDiv').toggle(200)" id="btnCollapse" style="width:100px;padding: 6px 6px;" class="btn btn-primary" type="button">
            钻孔数据查询
        </button>
    </div>
    <div id="queryDiv" style="position:absolute;right:10px;top:130px;z-index:99000;display: none;">
        <div style="width:1000px;padding-top:5px;">
            <div class="well">
                <form id="searchForm">
                    <div class="row">
                        <div class="col-md-3 form-horizontal">
                            <div class="form-group">
                                <label for="provinceSelect" class="col-md-4 control-label"></span>省份</label>
                                <div class="col-md-8">
                                    <select class="form-control" id="provinceSelect" name="provinceSelect" >
                                        <option value="" disabled selected style='display:none;'>请选择</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 form-horizontal">
                            <div class="form-group">
                                <label for="citySelect" class="col-md-4 control-label"></span>所属地级市</label>
                                <div class="col-md-8">
                                    <select class="form-control" id="citySelect" name="citySelect" >
                                        <option value="" disabled selected style='display:none;'>请选择</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 form-horizontal">
                            <div class="form-group">
                                <label for="areaSelect" class="col-md-4 control-label"></span>所属区县</label>
                                <div class="col-md-8">
                                    <select class="form-control" id="areaSelect" name="areaSelect" >
                                        <option value="" disabled selected style='display:none;'>请选择</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 form-horizontal">
                            <div class="form-group">
                                <label for="town" class="col-md-4 control-label"></span>乡镇</label>
                                <div class="col-md-8">
                                    <input id="town" type="text" name="town" class="form-control">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-3 form-horizontal">
                            <div class="form-group">
                                <label for="drillSynthesizeCode" class="col-md-4 control-label"></span>钻孔综合编号</label>
                                <div class="col-md-8">
                                    <input id="drillSynthesizeCode" type="text" name="drillSynthesizeCode" class="form-control">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 form-horizontal">
                            <div class="form-group">
                                <label for="siteClass" class="col-md-4 control-label"></span>场地类别</label>
                                <div class="col-md-8">
                                    <select class="form-control" id="siteClass" name="siteClass" >
                                        <option value="" disabled selected style='display:none;'>请选择</option>
                                        <option value="I0">I0</option>
                                        <option value="I1">I1</option>
                                        <option value="II">II</option>
                                        <option value="III">III</option>
                                        <option value="IV">IV</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 form-horizontal">
                            <div class="form-group">
                                <label class="col-md-2 control-label"> </span>钻孔深度（m）</label>
                                <div class="col-md-4">
                                    <div class="input-group">
                                        <input id="drillDepthFrom" type="text" class="form-control">
                                    </div>
                                </div>
                                <label class="col-sm-1 control-label" style="width: 4%;text-align: center;"> </span>至</label>
                                <div class="col-md-4">
                                    <div class="input-group">
                                        <input id="drillDepthTo" type="text" class="form-control">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-7 form-horizontal">
                            <div class="form-group">
                                <label class="col-md-2 control-label"> </span>勘察施工日期</label>
                                <div class="col-md-4">
                                    <div class="input-group">
                                        <input id="constructionStartDateFrom" type="text" class="form-control">
                                        <a id="complex_del1" class="input-group-addon"><i class="fa fa-times"></i></a>
                                        <a id="complex_show1" class="input-group-addon"><i class="fa fa-calendar"></i></a>
                                    </div>
                                </div>
                                <label class="col-sm-1 control-label" style="width: 4%;text-align: center;"> </span>至</label>
                                <div class="col-md-4">
                                    <div class="input-group">
                                        <input id="constructionStartDateTo" type="text" class="form-control">
                                        <a id="complex_del2" class="input-group-addon"><i class="fa fa-times"></i></a>
                                        <a id="complex_show2" class="input-group-addon"><i class="fa fa-calendar"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 form-horizontal">
                            <div class="form-group">
                                <button id="btnSearch" class="btn btn-default" type="button">查询</button>
                                <button id="btnReset" class="btn btn-default" type="button">重置</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div id="qhDrillOverviewMap"></div>
    <div id="up-map-div" style="position:absolute;z-index:9999;left: 15px;top: 100px;">
        <div id="searchButton" style="float: left;width: 60px;height: 48px;background-image: url('/qh/static/app/cdqh/images/bg_drawing_tool.png');cursor: pointer;background-position: 61px 0;border: 1px solid #d2d2d2;border-radius: 5px;" title="绘制矩形查询"></div>
    </div>
    <div id="qhDrillInfoClose" style="position:absolute;z-index:90000;display: none;">
        <button style="width:50px" class="btn btn-primary" type="button">
            收起
        </button>
    </div>
    <div id="qhDrillInfo" style="position: absolute;left: 100px;z-index: 100000;background-color: #FFFFFF;bottom: 30px;display: none;">
        <div class='qhDrillInfoTabTitle' style="">
            <ul>
                <li id="Y02" class=''><b>Y02成孔信息</b></li>
                <li id="Y04" class='qhDrillInfoTabCurrent'><b>Y04地层岩性分层</b></li>
                <li id="Y05" class='qhDrillInfoTabCurrent'><b>Y05标贯值</b></li>
                <li id="Y06" class='qhDrillInfoTabCurrent'><b>Y06剪切波实测值</b></li>
                <li id="Y08" class='qhDrillInfoTabCurrent'><b>Y08土动力试验参数</b></li>
                <li id="Y18" class='qhDrillInfoTabCurrent'><b>Y18成孔信息</b></li>
            </ul>
        </div>
        <div class='qhDrillInfoContent'>
            <div>
                <div id="qhDrillY02Grid" style="height: 250px;">Y02成孔信息信息为空.</div>
            </div>
            <div>
                <div id="qhDrillY04Grid" style="height: 250px;">Y04地层岩性分层信息为空.</div>
            </div>
            <div>
                <div id="qhDrillY05Grid" style="height: 250px;word-break: keep-all; white-space: nowrap;">Y05标贯值信息为空.</div>
            </div>
            <div>
                <div id="qhDrillY06Grid" style="height: 250px;word-break: keep-all; white-space: nowrap;">Y06剪切波实测值信息为空.</div>
            </div>
            <div>
                <div id="qhDrillY08Grid" style="height: 250px;word-break: keep-all; white-space: nowrap;">Y08土动力试验参数信息为空.</div>
            </div>
            <div>
                <div id="qhDrillY18Grid" style="height: 250px;">Y18成孔信息信息为空.</div>
            </div>
        </div>
    </div>
    <div id="qhDrillAccessoryInfo" style="position:absolute;z-index:100000;background-color: #FFFFFF;width:500px;display: none;">
        <a id="qhDrillAccessoryInfoClose" href="javascript:void(0)" style="color:deepskyblue;float: right;font-size: 15px;padding-right:5px">关闭</a>
        <div class="" id="multiFileUpload">
            <input type="hidden" class="form-control" id="accessory" name="accessory" />
        </div>
    </div>
</div>

<style>
    .tabTitle ul{ overflow: hidden; _height:1px; margin-left: -12px;}
    .tabTitle ul li{ float: left; border: 1px solid #abcdef; border-bottom: none; height: 30px; line-height: 30px; padding: 0 15px; margin-right: 3px; cursor:pointer;}
    .current{ background: #abcdef; color:#fff;}
    .tabContent div{ height: 250px; margin-top: -13px;}

    .qhDrillInfoTabTitle ul{ overflow: hidden; _height:1px; margin-left: 1px;}
    .qhDrillInfoTabTitle ul li{ float: left; border: 1px solid #abcdef; border-bottom: none; height: 30px; line-height: 30px; padding: 0 15px; margin-right: 3px; cursor:pointer;}
    .qhDrillInfoContent { height: 250px; margin-top: 1px;}
    .qhDrillInfoTabCurrent{ background: #66adff !important; color:#fff;}
</style>